<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>login</title>
    <!-- <link rel="stylesheet" href="../../dist/css/mypetstore.css"> -->
</head>

<body>
    <%= require('./common/header.htm')%>
        <div id="Content">
            <div id="Catalog">
                <%= require('./account/account-signup.htm')%>

                    <div id="login">
                        <div id="tab">
                            <ul>
                                <li id="imageVerifyLi">密码登录</li>
                                <li id="phoneVerifyLi">短信登录</li>
                            </ul>
                            <div id="passwordLogin">
                                <br>
                                <table>

                                    <tr>Please enter your username and password.</tr>
                                    <tr>
                                        <td> Username:</td>

                                        <td> <input type="text" id="username" name="username" placeholder="username">
                                        </td>

                                    </tr>
                                    <tr>
                                        <td> Password:</td>
                                        <td><input type="password" id="password" name="password" placeholder="password">
                                        </td>

                                    </tr>

                                    <tr>
                                        <td id="verifyImgTd"> <img id="verifyimg" />
                                        </td>
                                        <td> <input ID="imageCode" type="text" placeholder="请输入验证码" name="code" />
                                            <!-- 输入验证码文本 -->
                                        </td>
                                    </tr>
                                </table>
                            </div>
                            <div id="phoneLogin">
                                <br>

                                <table>
                                    <tr>Please enter your phone number and get your email.</tr>
                                    <tr>

                                        <td colspan="2">
                                            <input type="text" placeholder="请输入手机号" autocomplete="off" id="memPhone"
                                                name="memPhone">
                                        </td>

                                    </tr>
                                    <tr>
                                        <td>
                                            <input type="text" placeholder="请输入验证码" autocomplete="off" id="mcode"
                                                name="mcode">


                                        </td>
                                        <td>
                                            <input type="button" value="获取验证码" id="sendBtn"
                                                style="border-color:#1e9fff !important;">
                                        </td>
                                    </tr>
                                </table>
                            </div>

                        </div>

                        <div>
                            <input type="submit" id="signon" name="signon" value="Login" />
                        </div>



                        Need a user name and password? <a href="#" id="signup">Register
                            Now!</a>
                    </div>

            </div>
        </div>
        <%= require('./common/footer.htm')%>
</body>

</html>